<template>
  <div class="box">
    <h1>家居优品页面</h1>
    <v-card :arr="jujia"></v-card>
  </div>
</template>

<script>
let mock = [
  {
    id: 1,
    img:
      "https://img13.360buyimg.com/babel/s150x150_jfs/t1/214114/22/1292/322754/616ffc6cE1c5d7153/3e260dc167a0ce6c.jpg.webp",
    name: "裤子",
    price: 18
  },
  {
    id: 2,
    img:
      "https://img20.360buyimg.com/babel/s150x150_jfs/t1/195866/14/19081/375436/611e0051E378960ca/53bf147252a3bfbf.jpg.webp",
    name: "口罩",
    price: 20
  },
  {
    id: 3,
    img:
      "https://img12.360buyimg.com/babel/s150x150_jfs/t1/109207/11/20187/366410/616fbc4aE2db82433/299363fd3dd9aca3.jpg.webp",
    name: "枕头",
    price: 100
  },
  {
    id: 4,
    img:
      "https://img20.360buyimg.com/babel/s150x150_jfs/t1/198756/21/13832/401967/616e5919E52fdafbb/3cc2ea7f14e044ed.jpg.webp",
    name: "卷纸",
    price: 69
  }
];

import vCard from "./vCard.vue";
export default {
  components: {
    vCard
  },
  data() {
    return {
      jujia: []
    };
  },
  mounted() {
    console.log("家居开始请求数据");
    this.jujia = mock;
  },
  beforeDestroy(){
    console.log("家居先锋销毁");
  }
};
</script>

<style>
</style>